<template>
	<el-dialog title="上传附件" :visible.sync="evclosureVisible" width="400px">
		<div class="rename-content">
			<el-upload
			  class="upload-demo"
			  drag
			  action="https://jsonplaceholder.typicode.com/posts/"
			  multiple>
			  <i class="el-icon-upload"></i>
			  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
			  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
			</el-upload>
		</div>
		<span slot="footer" class="dialog-footer">
			<el-button @click="evclosureVisible = false">取 消</el-button>
			<el-button type="primary" @click="evclosureVisible = false">确 定</el-button>
		</span>
	</el-dialog>
</template>

<script>
	export default{
		data(){
			return{
				evclosureVisible:false,
			}
		},
		methods:{
			loadEnclosure(){
				this.evclosureVisible = true
			},
		}
	}
</script>

<style scoped>
	.rename-content{
		display: flex;
		flex-direction: column;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.upload-demo{
		width: 100%;
	}
	
	/deep/.el-dialog .el-dialog__footer{
		border-color: white;
	}
	
	/deep/.el-dialog__title{
		font-weight: bold;
		font-size: 16px;
	}
	
</style>
